import React from 'react'
import { Pane } from 'evergreen-ui'

interface Props {
  size?: number
}

const SegmentIcon = ({ size = 24 }: Props) => {
  return (
    <Pane is="svg" version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
      <g>
        <g>
          <path
            fill="#25C365"
            d="M29.9,14H14.1c-0.6,0-1.1-0.5-1.1-1.1v-1.9c0-0.6,0.5-1.1,1.1-1.1h15.9c0.6,0,1.1,0.5,1.1,1.1v1.9
			C31,13.5,30.5,14,29.9,14z"
          />
          <path
            fill="#25C365"
            d="M17.9,22H2.1C1.5,22,1,21.5,1,20.9v-1.9C1,18.5,1.5,18,2.1,18h15.9c0.6,0,1.1,0.5,1.1,1.1v1.9
			C19,21.5,18.5,22,17.9,22z"
          />
          <circle fill="#25C365" cx="7" cy="27" r="2" />
          <circle fill="#25C365" cx="25" cy="5" r="2" />
          <g>
            <path
              fill="#25C365"
              d="M16,28c-1.1,0-2.2-0.2-3.2-0.5c-0.5-0.1-1,0.1-1.2,0.6L10.9,30c-0.2,0.5,0.1,1.1,0.7,1.3
				C13,31.8,14.5,32,16,32c6.5,0,12.1-3.9,14.6-9.5c0.2-0.5,0-1.2-0.6-1.4l-1.9-0.7c-0.5-0.2-1,0-1.2,0.5C25,25.1,20.9,28,16,28z"
            />
            <path
              fill="#25C365"
              d="M16,4c1.1,0,2.2,0.2,3.2,0.5c0.5,0.1,1-0.1,1.2-0.6L21.1,2c0.2-0.5-0.1-1.1-0.7-1.3C19,0.2,17.5,0,16,0
				C9.5,0,3.9,3.9,1.4,9.5c-0.2,0.5,0,1.2,0.6,1.4l1.9,0.7c0.5,0.2,1,0,1.2-0.5C7,6.9,11.1,4,16,4z"
            />
          </g>
        </g>
      </g>
    </Pane>
  )
}

export default SegmentIcon
